<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<c:url value="/" var="baseUrl" />    
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Creative - Bootstrap 3 Responsive Admin Template">
    <meta name="author" content="GeeksLabs">
    <meta name="keyword" content="Creative, Dashboard, Admin, Template, Theme, Bootstrap, Responsive, Retina, Minimal">
    <link rel="shortcut icon" href="img/favicon.png">
    <link rel="stylesheet" type="text/css" href="${baseUrl}css/main.css">

    <title>Login </title>

    <!-- Bootstrap CSS -->    
    <link href="${baseUrl}css/bootstrap.min.css" rel="stylesheet">
    <!-- bootstrap theme -->
    <link href="${baseUrl}css/bootstrap-theme.css" rel="stylesheet">
    <!--external css-->
    <!-- font icon -->
    <link href="${baseUrl}css/elegant-icons-style.css" rel="stylesheet" />
    <link href="${baseUrl}css/font-awesome.css" rel="stylesheet" />
    <!-- Custom styles -->
    <link href="${baseUrl}css/style.css" rel="stylesheet">
    <link href="${baseUrl}css/style-responsive.css" rel="stylesheet" />

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 -->
    <!--[if lt IE 9]>
    <script src="js/html5shiv.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
</head>

  <body class="login-img3-body">

     <div class="container">

      <form class="login-form" action="${baseUrl}Login" method="post"> 
      <table align="center">
			<tr>
					<td colspan="3" align="center" style="color: red;">
						${error.error} <span id="msgError"></span>
					</td>
				</tr>     
				<tr>
					<td style="color: red;">${error.account}</td>
				</tr>  
				<tr>
					<td style="color: red;">${error.passwd}</td>
				</tr>
		</table>
				
        <div class="login-wrap">
            <p class="login-img"><i class="icon_lock_alt"></i></p >
            <div class="input-group">
              <span class="input-group-addon"><i class="icon_profile"></i></span>
              <input type="text" class="form-control"  autofocus name="account" value="${input.account}">
            </div>
           
            <div class="input-group">
                <span class="input-group-addon"><i class="icon_key_alt"></i></span>
                <input type="password" class="form-control" placeholder="Password"  name="passwd"
						value="${input.passwd}" >
            </div>
           
            <button class="btn btn-primary btn-lg btn-block" type="submit">Login</button>            
        </div>
      </form>

    </div>
     


  </body>
</html>
